
.mw-line{
	width:1000px;
	.mw-title{
		float: left;
		width: 110px;
		text-align: right;
		line-height: 38px;
	}
	.mw-right{
		float: right;
		width: 870px;
		.comic-type{
			margin-top: 8px;
		}
		.mw-comic-name{
			float: left;
		}
		.mw-length{
			float: left;
			margin-left: 15px;
			line-height: 38px;
			color: #ccc;
		}
	}
}
.upload-content{
	.add-img{
		position: relative;
		float: left;
		width: 116px;
		height: 116px;
		border:1px solid #e7e7e7;
		color: #ccc;
		text-align: center;
		padding-top: 75px;
		cursor:pointer;
		overflow: hidden;
		background: url(icon_add_img.png) 41px 32px no-repeat;

	}
}
.add-img div{
	width: 100%!important;
	height: 100%!important;
	left: 0!important;
	top: 0!important;
	color: #bcbcbc;
}
.add-img input{
	opacity: 0;
	position: absolute;
	width: 116px;
	height: 116px;
	left: 0;
	top: 0;
}
.upload-item{
	position: relative;
	width: 116px;
	height: 116px;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	border:1px solid #e7e7e7;
	img{
		display: block;
		width: 100%;
		height: auto;
	}
	.removeFile{
		position: absolute;
		width: 28px;
		height: 28px;
		left:-10px;
		top: -10px;
		background: url(icon_close_file.png) no-repeat;
		cursor: pointer;
		z-index: 2;
	}
	.status-cover{
		position: absolute;
		display: none;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		z-index: 1;
		background-color: rgba(0,0,0,.5);
		text-align: center;
		padding: 34px 0;
		line-height: 24px;
		color: #fff;
		span{
			color: #fff;
		}
		&.status-failed{
			span{
				display: block;
				color: red;
			}
		}
	}
	&.qd-uploading{
		.status-uploading{
			display: block;
		}
	}
	&.qd-failed{
		.status-failed{
			display: block;
		}
	}
}
